<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<%@ include file="/WEB-INF/jsp/commons/includes.jsp"%>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> -->
    <title>Document</title>
    <link rel="stylesheet" href="${ctx}/front/css/index.css">
    <style>
        .load-msg{
            position: absolute;
            left:50%;
            top:50%;
            font-size:40px;
            color:#FFFFFF;
            -webkit-transform: translate3D(-50%,-50%,0);
            transform: translate3D(-50%,-50%,0);
        }

        body {
            background-size: cover;
            background-image: url(${ctx}/front/img/bg.png);
        }
    </style>
</head>
<body>
<input type="hidden" id="ctxContent" value="${ctx}" />
<input type="hidden" id="classId" value="${classId}" />
<span class="load-msg" id="load-msg">下载中......</span>
<canvas width="1024" height="768" class="game-bg" id="gameView"></canvas>
</body>

<script src="${ctx}/front/js/common/flexible.js"></script>
<script src="${ctx}/front/js/vendor/createjs-2015.11.26.min.js"></script>

<script src="${ctx}/front/js/common/canvas.js"></script>
<script src="${ctx}/front/js/vendor/jquery-2.1.1.min.js"></script>

<script src="${ctx}/front/js/common/CTextButton.js"></script>
<script src="${ctx}/front/js/home/CMain.js"></script>
<script src="${ctx}/front/js/home/CMenu.js"></script>
<script src="${ctx}/front/js/common/settings.js"></script>
<script src="${ctx}/front/js/common/ctl_utils.js"></script>
<script src="${ctx}/front/js/common/CToggle.js"></script>
<script>
    $(document).ready(function () {
//        var data = {'datas':
//            [
//                {'key': 'key1', 'menu': '第一课 小燕子', 'title': '小\n燕\n子', 'content': '刚毅的小燕子\n生性爱旅游\n迎着朝霞\n伴随夕阳\n不怕恶劣气候\n\n狂风骤刮\n暴雨倾盆\n浑身被浇透\n振翅飞翔\n穿越云层\n敢与天公搏斗\n\n横跨峡谷\n纵越岭峰\n天际观彩虹\n俯看大地\n麦浪翻滚\n原野建起高楼', 'sou': 'dengguanquelou', 'src': './mp3/08.mp3'},
//                {'key': 'key2', 'menu': '第二课 白鸽与喜鹊', 'title': '白\n鸽\n与\n喜\n鹊', 'content': '白鸽牙损坏，说话有困难\n呜呀呀，唉吧吧\n讲不清楚，顿足挠腮\n甚至恨自己，叼啄蹦踢跳\n\n急躁小喜鹊，遥远初到来\n误会白鸽，故作姿态\n批评责备，产生裂痕\n矛盾挺尖锐，干脆不理睬\n\n过后识真相，后悔不应该\n牵挂白鸽，探访抚慰\n希望谅解，含蓄表白\n和平相拥抱，逗趣笑开怀', 'sou': 'chuhe', 'src': './mp3/51.mp3'},
//                {'key': 'key3', 'menu': '第三课 好儿童', 'title': '好\n儿\n童', 'content': '党的好儿童，立志当先锋\n说话懂礼貌\n谦虚谨慎讲卫生\n\n吃饭不挑食，走路不抢行\n帮助困难者\n废品纸屑不乱扔\n\n课上守纪律，积极认真听\n奋发图自强\n光明灿烂好前程', 'sou': 'dengguanquelou', 'src': './mp3/08.mp3'},
//                {'key': 'key4', 'menu': '第四课 阿呆当家', 'title': '阿\n呆\n当\n家', 'content': '爸妈郊区扶贫\n阿呆独自生活\n不会煎炒烹煮\n又无包饺馒头\n备油盐米面，摆碟勺碗锅\n自己动手烘烤馅饼，解饥饿\n切萝卜笋叶，撒葱姜蒜末\n品尝劳动硕果，真快乐\n\n饱食丰盛午餐，\n难耐口腔干渴\n欲饮豆奶乳汁，\n冰箱冷柜空盒\n红枣白糖粥，番茄汤来做\n再把杯瓶壶碗桶缸，\n剩水喝\n尿多上厕所，腹胀受折磨\n盼望父母早些回家，得解脱', 'sou': 'chuhe', 'src': './mp3/51.mp3'},
//                {'key': 'key5', 'menu': '第五课 庆寿', 'title': '庆\n寿', 'content': '历兆健古稀贺寿诞\n儿孙们来庆祝\n紫罗兰花束表心意\n祝贺您永久幸福\n\n启杜康陈酿燃蜡烛\n挽手跳团圆舞\n夫妻俩互相凝视\n歌唱家庭人羡慕\n\n欢娱罢对儿紧叮嘱\n崇勤俭尚朴素\n遇危险艰难别在乎\n闯过陡岩是坦途', 'sou': 'dengguanquelou', 'src': './mp3/08.mp3'},
//                {'key': 'key6', 'menu': '第六课 自然歌', 'title': '自\n然\n歌', 'content': '天地日月星\n金木水火土\n气象风雨云\n山川石草竹\n井田长禾苗\n瓜豆果米谷', 'sou': 'chuhe', 'src': './mp3/51.mp3'},
//                {'key': 'key7', 'menu': '第七课 时间运动歌', 'title': '时\n间\n运\n动\n歌', 'content': '春夏秋冬季\n生产要进行\n出入坐立躺\n来去走止停\n古今早午夕\n时刻愿安宁', 'sou': 'dengguanquelou', 'src': './mp3/08.mp3'},
//                {'key': 'key8', 'menu': '第八课 数量歌', 'title': '数\n量\n歌', 'content': '六七八九十\n一二三四五\n个十百千万\n甲乙丙丁戊\n丈尺寸\n元角分\n斤两克\n升亩度\n要想弄得清\n赶快学算术', 'sou': 'chuhe', 'src': './mp3/51.mp3'},
//                {'key': 'key9', 'menu': '第九课 怪鸟歌', 'title': '怪\n鸟\n歌', 'content': '飞来一只长尾巴鸟\n马面牛头山羊角\n鱼目猪耳大象鼻\n虎口犬牙龙凤爪\n豺狼心呦，兔皮毛\n筋骨多呦，血肉少\n你若问它是什么\n我说它是怪怪鸟\n我的祖国\n\n我的祖国疆土非常广阔\n东面有海洋\n西边有沙漠\n北部冬天寒冷夏季炎热\n南方全年产瓜果\n\n山川峻秀资源广博\n江河湖泊鱼虾多\n星罗棋布小岛在海洋中\n闪烁\n等待儿女去开拓', 'sou': 'dengguanquelou', 'src': './mp3/08.mp3'},
//                {'key': 'key10', 'menu': '第十课 乌鸦行医', 'title': '乌\n鸦\n行\n医', 'content': '大嘴乌鸦，逢人吹牛，\n发明了治疗仪\n疑难疾病，他都能够医\n心、肺、肝、胆、\n心脏诊断有问题\n不必喝药，不须注射，\n一用就痊愈\n\n三唇老兔，突得感冒，\n肌肉软无力\n咳嗽吐痰，咽喉疼痛，\n昼夜难休息\n恳求乌鸦，一显神奇，\n整整忙了三星期\n结果弄得，筋骨酸痛，\n伤疤满肚皮', 'sou': 'chuhe', 'src': './mp3/51.mp3'},
//                {'key': 'key11', 'menu': '第十一课 “馋娃”减肥', 'title': '“\n馋\n娃\n”\n减\n肥', 'content': '“馋娃”贪吃体渐胖，\n喘气憋  心惊慌\n同学鼓励，教师监督，\n减肥忙\n\n挺举哑铃练双杠，\n投抛篮球和乒乓\n柔道馆内，撕扯揪摔，\n汗珠淌\n\n抬腿压腿扩胸膛，\n伸展胳膊挥臂膀\n弯曲腰背，扭晃屁股，\n体魄壮', 'sou': 'dengguanquelou', 'src': './mp3/08.mp3'},
//                {'key': 'key12', 'menu': '第十二课 长颈鹿当模特', 'title': '长\n颈\n鹿\n当\n模\n特', 'content': '长颈小鹿特别骄傲\n总想当模特\n蜂鸟飞虫劝阻，她嫌太烦人\n芬芳浴液冲洗\n化妆镜来照\n扎辫擦脂抹粉，描眉擦唇彩\n\n上披丝衣，下套裙裤\n外罩绒绣袍\n耳环项链戒指，件件佩戴好\n帘幕挑起，造型亮相\n群兽吓一跳\n脖长肩窄腿粗，形象太糟糕', 'sou': 'chuhe', 'src': './mp3/51.mp3'},
//                {'key': 'key13', 'menu': '第十三课 少年贞芝', 'title': '少\n年\n贞\n芝', 'content': '少年贞芝，活泼聪明\n从小爱学习\n朗读唐诗，吟诵宋词\n翻看散文集\n背诵名篇章，记忆好辞句\n遍阅书册，博览典故\n历史她熟悉\n学习之余，间隔缝隙\n她爱搞文艺\n编排舞蹈，弹奏古筝\n悠闲品琴音\n创作讽刺戏，表演幽默剧\n抄写字帖，雕刻版画\n陶冶雅情趣', 'sou': 'dengguanquelou', 'src': './mp3/08.mp3'},
//                {'key': 'key14', 'menu': '第十四课 车祸', 'title': '车\n祸', 'content': '阿匀驾驶拖拉机，\n寄送赠与物\n雾中撞上水果摊，\n毁掉一棵树\n既然天冷手僵硬，\n不如拒绝送货物\n或者加防护\n人货一块全报销，\n实在太残酷', 'sou': 'chuhe', 'src': './mp3/51.mp3'},
//                {'key': 'key15', 'menu': '第十五课 练兵', 'title': '练\n兵', 'content': '漂亮鹅元帅，俊俏鸭司令\n分别统率一支队伍，\n操场大比拼\n\n杀声震天吼，枪炮齐轰鸣\n激烈争斗整个晌午\n没见出输赢\n\n聪慧灰毛兔，提议暂时停\n各回军营歇息半日\n择期再练兵\n', 'sou': 'dengguanquelou', 'src': './mp3/08.mp3'},
//                {'key': 'key16', 'menu': '第十六课 狗熊开店', 'title': '狗\n熊\n开\n店', 'content': '狗熊口袋无钞票，\n却想办商店\n咬牙抵押舒适窝，\n银行借货币\n临街购买一铺面，\n营销鞋帽伞\n扩大宣传做广告，\n就是无进钱\n\n忽视节约管理差，\n记录制度乱\n勉强维持八礼拜，\n亏损二十万\n停薪职员讨报酬，\n债主更纠缠\n流落异乡做生意，\n叫卖跌打丸', 'sou': 'chuhe', 'src': './mp3/51.mp3'},
//                {'key': 'key17', 'menu': '第十七课 英雄传', 'title': '英\n雄\n传', 'content': '陕甘豪杰崇厉真英雄\n刀枪棍棒全部都精通\n追捕罪犯事迹被传诵\n\n浙东奇人迟迅不简单\n超人胆量把巨蛇猛兽斩\n降魔除奸都夸他是好汉', 'sou': 'dengguanquelou', 'src': './mp3/08.mp3'},
//                {'key': 'key18', 'menu': '第十八课 米老鼠跑运输', 'title': '米\n老\n鼠\n跑\n运\n输', 'content': '名牌司机米老鼠，\n驾驶汽车跑运输\n奔赴煤矿拉焦炭，\n送到工厂烧熔炉\n铸铁冶炼成钢材，\n巨锤轧出梁于柱\n砖石墙壁玻璃窗，\n梁柱建筑新房屋\n\n房屋立在码头边，\n存积货物当库房，\n库里堆积工业品，\n纺纱机械纯棉布，\n挖掘机旁刚搬下，\n油漆胶皮硬枕木\n优质服务创最佳，\n添置汽车扩队伍', 'sou': 'chuhe', 'src': './mp3/51.mp3'},
//                {'key': 'key19', 'menu': '第十九课 狮子迁新居', 'title': '狮\n子\n迁\n新\n居', 'content': '岁暮狮子冷\n凑钱买新居\n房间要宽敞\n价格应较低\n听介绍，细问询\n深研究，细考虑\n预定附近愉悦居\n\n元旦吉祥日\n狮子搬迁喜\n蝴蝶来祝贺\n送套新桌椅\n西式样，颜色艳\n连坐垫，俱配齐\n狮子谢客笑眯眯', 'sou': 'dengguanquelou', 'src': './mp3/08.mp3'},
//                {'key': 'key20', 'menu': '第二十课 侠女葛萍丹', 'title': '侠\n女\n葛\n萍\n丹', 'content': '妙龄女郎葛萍丹，\n幼年有仇怨\n恶邻倚仗匪帮忙，\n抢占其家园\n赤足神尼哀其怜，\n吩咐接上山\n寺庙收纳为圣徒，\n盖世武功传\n飞逝十二年\n而今佩戴薄柄蓝剑，\n\n昂首下衡山\n拔剑刺切割削砍，\n四肢截三段\n夺命丧魂鞭\n抽出利刃点掏掀，\n寇首列祭坛\n盗贼纷纷屈膝跪地，\n乞求狗命延\n百姓沸腾，敲鼓欢呼，\n伟绩来称赞', 'sou': 'chuhe', 'src': './mp3/51.mp3'},
//                {'key': 'key21', 'menu': '第二十一课 侦查英雄', 'title': '侦\n查\n英\n雄', 'content': '军委计划，黎明攻击，\n徐州沦陷区\n上级派遣，刘滨孟宪\n趁夜侦察去\n蹲伏趴卧，闪躲腾挪\n沿着暗渠，摸入禁区\n拍摄敌阵地\n\n拍摄完毕，沉稳撤退\n顺便把傻兵袭\n乖乖听话，不许吵嚷\n否则毙了你\n审讯犯人，知道秘密\n任务下达，全灭顽敌\n恰似扫垃圾', 'sou': 'dengguanquelou', 'src': './mp3/08.mp3'},
//                {'key': 'key22', 'menu': '第二十二课 华侨归故里', 'title': '华\n侨\n归\n故\n里', 'content': '华侨柴昆带妻归故里\n亲朋好友八方来相聚\n叔叔伯伯迎接来宾客\n姑婆阿姨宰龟又杀鸡\n \n古屋正厅设宴摆酒席\n众人饮酒来吧亲人叙\n谈及往事舅爷直叹息\n姥姥眼睛潮湿垂泪滴\n\n这偏僻的小山寨，\n环绕着秃丘陵\n耕地少土地贫瘠\n为改变这穷状况，\n贡献出金银币\n去开采铅铝铜锡\n', 'sou': 'chuhe', 'src': './mp3/51.mp3'},
//                {'key': 'key23', 'menu': '第二十三课 海港', 'title': '海\n港', 'content': '暑假去往海港玩耍\n欣赏美景观\n大洋舟舰潜水艇\n飞驰如箭般\n远航渔船扬帆归\n艘艘鱼舱满\n落霞追逐恋乡雁\n碧水漫沙滩\n\n傍晚崖底竖帐篷\n住在溪泉边\n围拢篝火猜谜语\n火焰映照脸\n隐约传来螺号声\n声声拨心弦\n亿颗星星眨眼笑\n陪我入睡眠', 'sou': 'dengguanquelou', 'src': './mp3/08.mp3'},
//                {'key': 'key24', 'menu': '第二十四课 动物本领', 'title': '动\n物\n本\n领', 'content': '骡马驴牛耕田地\n沙漠骆驼让人骑\n森林之王老虎露面\n禽兽全躲避\n \n青蛙稻田抓害虫\n捉鼠模范猫头鹰\n红色蜻蜓专门消灭\n脏乱臭蚊蝇\n \n桑蚕结茧织绸缎\n美丽孔雀开彩屏\n受训警犬嗅觉灵敏\n破案人尊敬', 'sou': 'chuhe', 'src': './mp3/51.mp3'},
//                {'key': 'key25', 'menu': '第二十五课 狐狸盗“宝”', 'title': '狐\n狸\n盗\n“\n宝\n”', 'content': '墨黑深夜狐狸出窝居\n枯柳树丛侧面巧隐蔽\n探脑仔细瞧\n切莫与那联防队员来遭遇\n\n顺着梯子爬进宅院里\n悄悄开锁溜入房舍里\n哈，“珍宝”真不少\n扁斧锈镰叉钳磨简秤绳锯\n\n搬床踩凳拾捡偷窃急\n肆台破旧灯笼也不弃\n啊，简直太悬啦\n仅差几厘就把茶盘碰掉地\n\n狐狸自视狡猾心欢喜\n步伐轻盈哼唱甜歌曲\n咣，锣响笛哨鸣\n黎明被抓捆绑押送审判席', 'sou': 'dengguanquelou', 'src': './mp3/08.mp3'},
//                {'key': 'key26', 'menu': '第二十六课 蚂蚁建房', 'title': '蚂\n蚁\n建\n房', 'content': '蚂蚁巢，已毁坏，不能将身藏\n开会议，做决定，构筑新住房\n测量选地址，挖坑竖标杆\n打基础，搭基架，吊装栋和梁\n砌烟筒，垒火炕，壁砖贴厨房\n粘卧室，刷阳台，雕饰玉栏廊\n亭阁驻坡岗，橘樱掩池塘\n新大厦，参竞赛，荣获鲁班奖', 'sou': 'chuhe', 'src': './mp3/51.mp3'},
//                {'key': 'key27', 'menu': '第二十七课 “喇叭”行骗', 'title': '“\n喇\n叭\n”\n行\n骗', 'content': '骗子“喇叭”讲反动，\n推翻政府耍阴谋\n口干舌燥吐沫飞，\n胡言乱语瞎造谣：\n宇宙即将爆炸，\n世界末日到了\n如要免于灾殃，\n唯有把我供奉好\n\n单纯李氏被迷惑，\n终日梦想成神佛\n静思功法出幻觉，\n哥嫂姐妹当成魔\n劝君吸取教训，\n不要诚信邪说\n尤需崇尚科学，\n拆穿骗子鬼外壳', 'sou': 'dengguanquelou', 'src': './mp3/08.mp3'},
//                {'key': 'key28', 'menu': '第二十八课 抗洪救灾', 'title': '抗\n洪\n救\n灾', 'content': '六月雷雨连绵下，\n洞庭水泛滥\n四处大堤被冲毁，\n淹庄稼一片\n汹涌波涛急流旋，\n桥陷线杆断\n未决口处仍渗漏，\n拌起水泥填\n混黄洪水难堵塞，\n镇长心忧烦\n材料工具均不足，\n如何渡难关？\n兄弟县市不耽搁，\n顶雨来支援\n篮子扁铲粗口袋，\n棉袄衣裳毯\n无偿赠予受灾户，\n天凉心温暖\n\n受惊孩子教踏空，\n落下津巷湾\n滚入急流滑中央，\n娘哭爹叫喊\n郑泽丢掉厚衬衫，\n扑入水追赶\n泳技高超速度快，\n距离在缩短\n托住孩子推上岸，\n孩子得返还\n漂浮竹竿碰伤头，\n浑水血浸染\n乘舟驾船找尸体，\n凌晨才发现\n隆重埋葬立丰碑，\n鞠躬示悼念\n决不遗忘真英雄，\n堂前久呼唤', 'sou': 'chuhe', 'src': './mp3/51.mp3'},
//                {'key': 'key29', 'menu': '第二十九课 四季忙', 'title': '四\n季\n忙', 'content': '浩荡春风乡村来，\n杏桃梨花开，\n开荒育种栽培忙，\n辛苦又劳累\n滋润细雨飘下来，\n石榴莲荷开\n娇嫩禾苗翠又绿，\n茎杆不摇摆\n万亩田里，铲锄茅草，\n施肥又灌溉\n遮风避雨，抵抗冰雹，\n枣杨与枫槐\n秋高气爽麦芒黄，\n葵桂菊花开\n葡萄香蕉垂枝梢，\n苹果凭人摘\n瑞雪飘洒冰天冷，\n傲霜腊梅开\n塑料大棚种蔬菜，\n辣椒油菜香\n科学种植，效益良好，\n农民笑开怀\n美化环境，净化空气，\n柳桑与松柏', 'sou': 'dengguanquelou', 'src': './mp3/08.mp3'}
//            ]};
//        var oMain = new CMain(data);
        $.post(
            '${ctx}/rest/original/post/${classId}.shtml',
            {},
            function(data) {
                // alert(data.info[0].key);
                var oMain = new CMain(data);
            },
            'json'
        );
    });
</script>

</html>